<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: lijincheng
  Date: 2021/5/10
  Time: 9:54 下午
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>订单详情</title>
    <!-- CUSTOM STYLE -->
    <link href="/css/style.css" rel="stylesheet">
    <link href="/css/order/style.css" rel="stylesheet">
    <!-- THEME TYPO -->
    <link href="/css/themetypo.css" rel="stylesheet">
    <!-- BOOTSTRAP -->
    <link href="/css/bootstrap.css" rel="stylesheet">
    <!-- COLOR FILE -->
    <link href="/css/color.css" rel="stylesheet">
    <!-- FONT AWESOME -->
    <link href="/css/font-awesome.min.css" rel="stylesheet">
    <!-- BX SLIDER -->
    <link href="/css/jquery.bxslider.css" rel="stylesheet">

    <link href="/css/bootstrap-slider.css" rel="stylesheet">

    <link href="/css/widget.css" rel="stylesheet">

    <link href="/css/shortcode.css" rel="stylesheet">
    <!-- responsive -->
    <link href="/css/responsive.css" rel="stylesheet">
    <!-- Component -->
    <link href="/js/dl-menu/component.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/css/order/css.css"/>
    <link rel="stylesheet" href="/css/order/tasp.css"/>
    <link href="/css/order/orderconfirm.css" rel="stylesheet"/>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <![endif]-->
    <style>
        .row {
            margin-bottom: 10px;
        }

        hr {
            margin-top: 10px;
        }

        .showMessage {
            padding: 5px 10px;
            border-radius: 5px;
            position: fixed;
            top: 45%;
            left: 45%;
            color: #ffffff;
        }

        .showMessageSuccess {
            background-color: #00B7EE;
        }
    </style>
</head>
<body>
<div id="loader-wrapper">
    <div id="loader"></div>

    <div class="loader-section section-left"></div>
    <div class="loader-section section-right"></div>

</div>
<!--WRAPPER START-->
<div class="wrapper kode-header-class-3">
    <!--HEADER START-->
    <header class="header-3">
        <div class="container">
            <div class="logo-container">
                <div class="row">
                    <div class="col-md-3">
                        <!--LOGO START-->
                        <div class="logo">
                            <a href="#"><img src="/images/logo-2.png" alt=""></a>
                        </div>
                        <!--LOGO END-->
                    </div>
                    <div class="col-md-9">
                        <div class="top-strip">
                            <div class="pull-left">
                                <p>Welcome to Library theme</p>
                            </div>
                            <div class="social-icon">
                                        <li><a href="#" class="pull-left">欢迎 ${sessionScope.user.getUName()}</a></li>

                            </div>
                        </div>
                        <div class="kode-navigation">
                            <ul>
                                <li><a href="/">主页</a>
                                    <ul>
                                        <li><a href="/">主页</a></li>
                                    </ul>
                                </li>
                                        <li><a href="">图书管理</a>
                                            <ul>
                                                <li><a href="/ubook/post/index">发布图书</a></li>
                                                <li><a href="/ubook/myBooks">我的发布记录</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="">购物车</a>
                                            <ul>
                                                <li><a href="/shop/car/index">我的购物车</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="">订单管理</a>
                                            <ul>
                                                <li><a href="/order/index">所有订单</a></li>
                                                <li><a href="">待收货</a></li>
                                                <li><a href="">已完成</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="">个人中心</a>
                                            <ul>
                                                <li><a href="/user/userInfo/#caa">个人信息</a></li>
                                                <li><a href="/browse/history/list">我的浏览记录</a></li>
                                                <li><a href="/user/loginout">退出登陆</a></li>
                                            </ul>
                                        </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!--HEADER END-->
    <!--BANNER START-->
    <div class="kode-inner-banner">
        <div class="kode-page-heading">
            <h2>Photo Gallery</h2>
            <ol class="breadcrumb">
                <li><a href="#">主页</a></li>
                <li class="active">订单详情</li>
            </ol>
        </div>
    </div>
    <!--BANNER END-->
    <!--CONTENT START-->
    <div class="kode-content">
        <!--TOP AUTHERS START-->
        <div class="container" style="width: 100%">
            <div id="page" style="width: 80%">
                <form id="J_Form" name="J_Form" action="/auction/order/unity_order_confirm.htm" method="post">
                    <div>
                        <h3 class="dib">订单信息</h3>
                        <table cellspacing="0" cellpadding="0" class="order-table" id="J_OrderTable"
                               summary="统一下单订单信息区域">
                            <caption style="display: none">统一下单订单信息区域</caption>
                            <thead>
                            <tr>
                                <th class="s-title">图书
                                    <hr/>
                                </th>
                                <th class="s-price">单价(元)
                                    <hr/>
                                </th>
                                <th class="s-amount">数量
                                    <hr/>
                                </th>
                                <th class="s-agio">优惠方式(元)
                                    <hr/>
                                </th>
                                <th class="s-total">小计(元)
                                    <hr/>
                                </th>
                            </tr>
                            </thead>

                            <tbody data-spm="3" class="J_Shop" data-tbcbid="0" data-outorderid="47285539868"
                                   data-isb2c="false"
                                   data-postMode="2" data-sellerid="1704508670">
                            <tr class="shop blue-line">
                                <td colspan="3">
                                    <span class="seller">订单号：<a>${oVO.orderNo}</a></span>
                                </td>
                                <td colspan="2" class="promo">
                                    <div>
                                        <ul class="scrolling-promo-hint J_ScrollingPromoHint">
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                            <c:forEach items="${oVO.orderBookVoList}" var="obv">
                                <tr class="item" data-lineid="19614514619:31175333266:35612993875" data-pointRate="0">
                                    <td class="s-title">
                                        <a href="#" target="_blank" title="${obv.bookName}"
                                           class="J_MakePoint"
                                           data-point-url="http://log.mmstat.com/buy.1.5">
                                            <img src="/upload/${obv.imgUrl}"
                                                 class="itempic" width="60" height="60"><span class="title J_MakePoint"
                                                                                              data-point-url="http://log.mmstat.com/buy.1.5">${obv.bookName}</span></a>

                                        <div class="props">
                                            <span>作者: ${obv.bookAuthor} </span><br>
                                            <span>分类: ${obv.category} </span><br>
                                        </div>

                                    </td>
                                    <td class="s-price">

  <span class='price '>
 <em class="style-normal-small-black J_ItemPrice">${obv.price}</em>
  </span>
                                    </td>
                                    <td class="s-amount" data-point-url="">
                                        <div class="J_Promotion promotion" data-point-url="">${obv.num}</div>

                                    </td>
                                    <td class="s-agio">
                                        <div class="J_Promotion promotion" data-point-url="">无优惠</div>
                                    </td>
                                    <td class="s-total">

   <span class='price '>
 <em class="style-normal-bold-red J_ItemTotal ">${obv.price}</em>
  </span>

                                    </td>
                                </tr>

                            </c:forEach>

                            <tr class="item-service">
                                <td colspan="5" class="servicearea" style="display: none"></td>
                            </tr>

                            <tr class="blue-line" style="height: 2px;">
                                <td colspan="5"></td>
                            </tr>
                            <tr class="other other-line">
                                <td colspan="5">
                                    <ul class="dib-wrap">
                                        <li class="dib user-info">
                                            <ul class="wrap">
                                                <li>
                                                    <div class="field gbook">
                                                        <label class="label" style="color:black">给卖家留言：</label>
                                                        <span>${oVO.orderNote}</span>
                                                    </div>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="dib extra-info">
                                            <div class="farearea">
                                                <ul class="dib-wrap J_farearea">
                                                    <li class="dib title">运送方式：</li>
                                                    <li class="dib sel"
                                                        data-point-url="http://log.mmstat.com/jsclick?cache=*&tyxd=wlysfs">
                                                        ${oVO.payType}
                                                    </li>
                                                    <li class="dib fee">  <span class='price'>
 <em class="style-normal-bold-red J_FareSum" id="fee_price">10.00</em>
  </span>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="servicearea" style="display: none"></div>
                                        </li>
                                    </ul>
                                </td>
                            </tr>

                            <tr class="shop-total blue-line">
                                <td colspan="5">店铺合计(含运费)：
                                    <span class='price g_price '>
 <span>&yen;</span><em class="style-middle-bold-red J_ShopTotal">${oVO.price}</em>
  </span>
                                    <input type="hidden" name="1704508670:2|creditcard" value="false"/>
                                    <input type="hidden" id="J_IsLadderGroup" name="isLadderGroup" value="false"/>
                                </td>
                            </tr>
                            </tbody>
                            <tfoot>
                            <tr>
                                <td colspan="5">

                                    <div class="order-go" data-spm="4">
                                        <div class="J_AddressConfirm address-confirm">
                                            <div class="kd-popup pop-back" style="margin-bottom: 40px;">
                                                <div class="box">
                                                    <div class="bd">
                                                        <div class="point-in">

                                                            <em class="t">实付款：</em> <span class='price g_price '>
 <span>&yen;</span><em class="style-large-bold-red" id="J_ActualFee">${oVO.price}</em>
  </span>
                                                        </div>

                                                        <ul>
                                                            <li><em>送至:</em><span id="J_AddrConfirm"
                                                                                  style="word-break: break-all;">
    ${oVO.addressDto.recAddress}
   </span></li>
                                                            <li><em>收货人:</em><span id="J_AddrNameConfirm">${oVO.addressDto.recName} ${oVO.addressDto.recPhone} </span>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            </tfoot>
                        </table>
                    </div>

                    <input type="hidden" id="J_useSelfCarry" name="useSelfCarry" value="false"/>
                    <input type="hidden" id="J_selfCarryStationId" name="selfCarryStationId" value="0"/>
                    <input type="hidden" id="J_useMDZT" name="useMDZT" value="false"/>
                    <input type="hidden" name="useNewSplit" value="true"/>
                    <input type="hidden" id="J_sellerIds" name="allSellIds" value="1704508670"/>
                </form>
            </div>

        </div>
        <!--TOP AUTHERS END-->
    </div>

    <!--CONTENT END-->
    <div class="copyrights">
        <div class="container">
            <p>Copyrights © 2015-16 KodeForest. All rights reserved</p>
            <div class="cards"><img src="/images/cards.png" alt=""></div>
        </div>
    </div>
</div>
<!--WRAPPER END-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="/js/bootstrap.min.js"></script>
<script src="/js/dl-menu/modernizr.custom.js"></script>
<script src="/js/dl-menu/jquery.dlmenu.js"></script>
<script src="/js/jquery.bxslider.min.js"></script>
<script src="/js/bootstrap-slider.js"></script>
<script src="/js/waypoints.min.js"></script>
<script src="/js/jquery.counterup.min.js"></script>
<script src="/js/functions.js"></script>
</body>
</html>
